<script setup lang="ts">
import DesignTree from "@/packages/lowCode/components/advance/DesignTree";
const data = ref([]);
data.value = [
  {
    id: 10000,
    label: "Level root 10000",
    children: [
      {
        id: 1,
        label: "Level one 1",
        children: [
          {
            id: 4,
            label: "Level two 1-1",
            children: [
              {
                id: 9,
                label: "Level three 1-1-1",
                children: [
                  {
                    id: 11,
                    label: "Level four 1-1-1-1",
                  },
                  {
                    id: 12,
                    label: "Level four 1-1-1-2",
                  },
                ],
              },
              {
                id: 10,
                label: "Level three 1-1-2",
                children: [
                  {
                    id: 13,
                    label: "Level four 1-1-2-1",
                  },
                  {
                    id: 14,
                    label: "Level four 1-1-2-2",
                  },
                ],
              },
            ],
          },
        ],
      },
      {
        id: 2,
        label: "Level one 2",
        children: [
          {
            id: 5,
            label: "Level two 2-1",
          },
          {
            id: 6,
            label: "Level two 2-2",
          },
        ],
      },
      {
        id: 3,
        label: "Level one 3",
        children: [
          {
            id: 7,
            label: "Level two 3-1",
          },
          {
            id: 8,
            label: "Level two 3-2",
          },
        ],
      },
    ],
  },
] as any;
</script>

<template>
  <div class="h-full">
    <DesignTree nodeKey="id" :options="data"></DesignTree>
  </div>
</template>

<style lang="scss" scoped></style>
